<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>&nbsp;&nbsp;&nbsp;三生锁 - 一场与蜂蜜的约会!</title>
    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <link href="{$Think.const.CSS_URL}index.css" type="text/css" rel="stylesheet">
    <link rel="shortcut icon" href="favicon.ico">
    <script src="{$Think.const.JS_URL}jquery-2.2.3.min.js"></script>
    <script src="{$Think.const.JS_URL}jquery.flexisel.js"></script>
    <script src="{$Think.const.JS_URL}bootstrap.js"></script>
</head>
<body>
<!--头部-->
    <iframe class = "indexHead" src = "__MODULE__/Index/indexHead" scrolling="no" style="width: 100%"></iframe>
<!--导航栏-->
    <div class="navbar navbar-default shadow" role="navigation">
        <div class = "container">
            <ul class="nav navbar-nav">
                <li class="active"><a href="__MODULE__/Index/index">主页</a></li>
                <li class="dropdown">
                    <a href="##" data-toggle="dropdown" class="dropdown-toggle">商品种类<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="__MODULE__/Goods/product">全部分类</a></li>
                        <li><a href="__MODULE__/Goods/product?type=classify&keyWord=蜂蜜">蜂蜜</a></li>
                        <li><a href="__MODULE__/Goods/product?type=classify&keyWord=蜂胶">蜂胶</a></li>
                        <li><a href="__MODULE__/Goods/product?type=classify&keyWord=花粉">花粉</a></li>
                        <li><a href="__MODULE__/Goods/product?type=classify&keyWord=蜂皇浆">蜂皇浆</a></li>
                    </ul>
                </li>
                <li><a href="http://www.360doc.com/content/14/1113/19/16901590_424885250.shtml" target="_blank">蜂蜜养生</a></li>
                <li><a href="##">加盟我们</a></li>
                <li><a href="##">关于三生锁</a></li>
            </ul>
            <form action="__MODULE__/Goods/product" class="navbar-form navbar-right" rol="search">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="请输入关键词" />
                </div>
                <button type="submit" class="btn btn-default">搜索</button>
            </form>
        </div>
    </div>
<!--海报展示栏-->
    <div class = "post-shower">
        <div class = "container">
            <div id = "slidershow" class = "carousel slide">
                <!--设置轮播顺序-->
                <ol class = "carousel-indicators">
                    <li data-target="#slidershow" data-slide-to="0" class = "active"></li>
                    <li data-target="#slidershow" data-slide-to="1"></li>
                    <li data-target="#slidershow" data-slide-to="2"></li>
                </ol>
                <div class = "carousel-inner post shadow">
                    <div class = "item active">
                        <a href = "##"><img src="{$Think.const.img_url}poster1.jpg"></a>
                    </div>
                    <div class = "item">
                        <a href = "##"><img src="{$Think.const.img_url}poster2.jpg"></a>
                    </div>
                    <div class = "item">
                        <a href = "##"><img src="{$Think.const.img_url}poster3.jpg"></a>
                    </div>
                </div>
                <a class = "left carousel-control" href = "#slidershow" data-slide="prev">
                    <span class = "glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class = "right carousel-control" href = "#slidershow" data-slide="next">
                    <span class = "glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
    </div>
<!--小图片滚动播放栏-->
    <div class = "cate">
        <div class = "container">
            <h2 class = "cate-left">新品专区：</h2>
            <div class = "cate-right">
                <ul id = "flexiselDemo1">
                    <volist name = "goods_DMC" id = "goods">
                    <li><div class = "cate-right-panel">
                            <a href="__MODULE__/Goods/single?p_id={$goods.p_id}" target="_blank">
                                <img src="{$goods.img2}" class = "img-responsive post">
                            </a>
                    </div></li>
                    </volist>
                </ul>
            </div>
        </div>
    </div>
<!--大图片展示栏-->
    <div class = "big-poster">
        <img src="{$Think.const.IMG_URL}bigPoster4.jpg">
        <div class = "info">
            <h1>新品巨惠</h1>
            <h4>土蜂蜜又称野蜂蜂蜜，俗称土蜂糖，就是中华蜜蜂采集多种花蜜而成，亦称中蜂糖，产量稀缺，山区放养无污染。相比其他蜂蜜在美容，减肥，养生方面效果更好。</h4>
            <h1 class = "hidden-md hidden-sm hidden-xs">商品打折</h1>
            <div class = "detail">
                <a href ="__MODULE__/Goods/single?p_id='134'" target="_blank">了解更多&nbsp;&nbsp;<i class = " icon-chevron-right"></i></a>
            </div>
        </div>
    </div>
<!--欢迎来到我的商店-->
    <div class = "welcome clearfix">
        <div class = "container">
            <div class = "info">
                <h1>欢迎来到三生锁!</h1>
                <p>我们提供100%纯正蜂蜜</p>
                <span>给你补充满满正能量</span>
                <p>商家正品保证，无添加，精选绿色蜜源</p>
                <div class = "detail">
                    <a href ="" target="_blank">了解更多&nbsp;&nbsp;<i class = " icon-chevron-right"></i></span></a>
                </div>
            </div>
            <!--视频-->
            <video width="100%" height="auto" controls="controls" class = "video shadow2">
                    <source src="{$Think.const.IMG_URL}农业蜜蜂.mp4" type="video/mp4" />
                    <object data="/web/public/images/农业蜜蜂.mp4" width="480" height="400">
                        <embed src="/web/public/images/农业蜜蜂.mp4" width="480" height="400" />
                    </object>
                    您的浏览器不支持视频。
            </video>
            <div class = "drink-honey">
                <img src="{$Think.const.IMG_URL}喝蜂蜜.jpg" style="width: 100%;height: auto" class = "shadow2"/>
                <div class = "drink-honey-info">
                    <ul class = "row">
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;恢复疲劳，尤其是熬夜后</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;消除大餐后的积食</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;润肺</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;解酒</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;让兴奋的神经安眠</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;治疗偶发伤口</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;安抚皮肤</li>
                        <li class = "col-md-12"><i class = "icon-check"></i>&nbsp;&nbsp;增强免疫力</li>
                    </ul>
                </div>
            </div>
            <div class = "brand-BH">
                <img src="{$Think.const.IMG_URL}百花.jpg" style="width: 100%;height: auto" class = "shadow2"/>
                <div class = "brand-BH-info">
                    <h2>北京著名品牌</h2>
                    <p>全国蜂产品行业龙头企业</p>
                    <a href="__MODULE__/Goods/product?type=cg&cg_id=1" class = "btn btn-default" target="_blank">进入专场</a>
                </div>
            </div>
            <div class = "brand-GSY">
                <img src="{$Think.const.IMG_URL}冠生园.jpg" style="width: 100%;height: auto" class = "shadow2"/>
                <div class = "brand-GSY-info">
                    <h2>中华老字号</h2>
                    <p>百年历史，悠久底蕴</p>
                    <a href="__MODULE__/Goods/product?type=cg&cg_id=3" class = "btn btn-default" target="_blank">进入专场</a>
                </div>
            </div>
            <div class = "brand-DMC">
                <img src="{$Think.const.IMG_URL}端木赐.jpg" style="width: 100%;height: auto" class = "shadow2"/>
                <div class = "brand-DMC-info">
                    <h2>蜜场新秀</h2>
                    <p>大量优质养蜂基地</p>
                    <a href="__MODULE__/Goods/product?type=cg&cg_id=2" class = "btn btn-default" target="_blank">进入专场</a>
                </div>
            </div>
        </div>
    </div>
<!--百花-->
    <div class = "product">
        <div class = "container">
            <div class = "pro-title">
                 <h1>百花系列产品</h1>
            </div>
            <volist name="goods_BH" id="goods">
                <div class = "pro-panel">
                    <div class = "shadow">
                        <a href="__MODULE__/Goods/single?p_id={$goods.p_id}" target="_blank">
                            <img src="{$goods.img2}" style="width:90%; padding:1.5em 0">
                            <div class="pro-panel-info clearfix">
                                <span class = "pro-name"><i class="icon-shopping-cart">&nbsp;&nbsp;{$goods.p_name}</i></span>
                                <span class = "pro-price">￥<span>{$goods.price}</span></span>
                            </div>
                        </a>
                    </div>
                </div>
            </volist>
        </div>
    </div>
<!--冠生园-->
    <div class = "product">
        <div class = "container">
            <div class = "pro-title">
                <h1>冠生园系列产品</h1>
            </div>
            <volist name="goods_GSY" id="goods">
                <div class = "pro-panel">
                    <div class = "shadow">
                        <a href="__MODULE__/Goods/single?p_id={$goods.p_id}" target="_blank">
                            <img src="{$goods.img2}" style="width:90%; padding:1.5em 0">
                            <div class="pro-panel-info clearfix">
                                <span class = "pro-name"><i class="icon-shopping-cart">&nbsp;&nbsp;{$goods.p_name}</i></span>
                                <span class = "pro-price">￥<span>{$goods.price}</span></span>
                            </div>
                        </a>
                    </div>
                </div>
            </volist>
        </div>
    </div>
<!--底部信息栏-->
    <div class = "footer">
        <div class = "container">
            <div class="col-sm-3 footer-grid">
                <h2>购物指南</h2>
                <ul>
                    <li><a href="#">导购演示</a></li>
                    <li><a href="#">订单操作</a></li>
                    <li><a href="#">会员注册</a></li>
                    <li><a href="#">账户管理</a></li>
                </ul>
            </div>
            <div class="col-sm-3 footer-grid">
                <h2>服务保障</h2>
                <ul>
                    <li><a href="#">正品保证</a></li>
                    <li><a href="#">7天无理由放心退</a></li>
                    <li><a href="#">退货返运费</a></li>
                    <li><a href="#">7*15小时客户服务</a></li>
                </ul>
            </div>
            <div class="col-sm-3 footer-grid">
                <h2>支付方式</h2>
                <ul>
                    <li><a href="https://www.alipay.com/" target="_blank">支付宝支付</a></li>
                    <li><a href="https://www.paypal-biz.com/" target="_blank">快捷支付</a></li>
                    <li><a href="https://pay.weixin.qq.com/" target="_blank">微信支付</a></li>
                    <li><a href="https://www.bestpay.com.cn/" target="_blank">翼支付</a></li>
                </ul>
            </div>
            <div class="col-sm-3 footer-grid">
                <h2>配送方式</h2>
                <ul>
                    <li><a href="#">全场满￥120包邮</a></li>
                    <li><a href="#">配送范围及运费</a></li>
                    <li><a href="#">验货与签收</a></li>
                    <li><a href="#">合作物流品牌</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="footer-copy">
            <div class = "container">
                <p>Copyright &copy; 1996-2016.SanShengSuo All rights reserved 粤ICP备XXXXXXXX号 ICP经营许可证：粤BX-XXXXXXXX 网络文化经营许可证：粤网文〔2015〕1528-229
                使用本网站即表示接受<a href = "#">三生锁用户协议</a>。版权所有 <a href="#">林创基作品</a></p>
            </div>
        </div>
    </div>
</body>
</html>
<script type="text/javascript">
    $(window).load(function(){
        $("#flexiselDemo1").flexisel({
            visibleItems: 4,
            animationSpeed: 1000,
            autoPlay: true,
            autoPlaySpeed: 3300,
            pauseOnHover: true,
            enableResponsiveBreakpoints: true,
            responsiveBreakpoints: {
                portrait: {
                    changePoint:480,
                    visibleItems: 3
                },
                landscape: {
                    changePoint:640,
                    visibleItems:4
                },
                tablet: {
                    changePoint:768,
                    visibleItems: 3
                }
            }
        });
    });
    $('.carousel').carousel();


    filter(".drink-honey");
    filter(".brand-BH");
    filter(".brand-GSY");
    filter(".brand-DMC");
//模糊背景
    function filter(target){
        $(target).on("mouseenter",function(){
            $(target +' '+ 'img').addClass("filter");
        });
        $(target).on("mouseleave",function(){
            $(target +' '+'img').removeClass("filter");
        });
    }
</script>